<div class="body-panel" style="min-height: 680px" ng-controller="historyOrdersController">
    <div style="width: 95%; margin: auto;">
        <h2>
            Orders List <small>You can manager your orders list here.</small>
        </h2>
    </div>
    <br />
    <div
            style="position: relative; width: 95%; border: 1px solid #ddd; margin: auto;">
        <table class="table table-striped text-center table-hover">
            <thead>
            <tr>
                <td>Orders Id</td>
                <td>Customer Name</td>
                <td>Order Time</td>
                <td>Total Price</td>
                <td>Receive Status</td>
                <td>Order Status</td>
                <td>Details</td>
            </tr>
            </thead>
            <tbody>
                <tr ng-repeat="o in order">
                    <td width="14%" style="vertical-align: middle">{{o._id}}</td>
                    <td width="14%" style="vertical-align: middle">{{o.client.cname}}</td>
                    <td width="14%" style="vertical-align: middle">{{o.createDate| date : 'yyyy-MM-dd hh:mm:ss'}}</td>
                    <td width="14%" style="vertical-align: middle">{{o.total}}</td>
                    <td width="14%" style="vertical-align: middle">
                        <span ng-class="{true : 'label label-danger', false: 'label label-success'}[o.confirm == 0]">{{o.confirm | convertConfirm}}</span>
                    </td>
                    <td width="14%" style="vertical-align: middle"><span ng-class="{true : 'label label-danger', false: 'label label-success'}[o.status == 2]">{{o.status | convertStatus}}</span>
                    </td>
                    <td width="14%" style="vertical-align: middle"><a class="btn btn-info"  href="#/orderDetails?oid={{o._id}}">Detail</a></td>
                </tr>
            </tbody>
        </table>
    </div>

</div>